<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			/*h1{
				font-size: 19px;
				color: greenyellow;
			}*/
		</style>
		<script>
			function AddClass(){
				var h=document.getElementsByTagName("h1")[0];
				h.style.fontSize="90px";
				h.style.color="red";
			}
			function getCss(){
				var h=document.getElementsByTagName("h1")[0];
				//只能获得行内样式
				//alert(h.style.fontSize);
				//alert(h.style.color);
				var tt=h.currentStyle||document.defaultView.getComputedStyle(h,null);
				var size=tt.fontSize;
				var c=tt.color;
				alert(size); 
				alert(c);
			}
		</script>
	</head>
	<body>
		<h1>We change lives!</h1>
		
		<input type="button" value="改变样式" onclick="AddClass()"/>
		<input type="button" value="改变样式" onclick="getCss()"/>
	</body>
</html>
